<template>
<view class="page">
	<MallHeader title="提现"></MallHeader>
	<view class="pad">
		<view class="box">
			<view class="box-tips">
				现金收益将提现到银行卡
			</view>
			<view class="box-input">
				<text>￥</text>
				<input type="text" v-model="money" class="input" placeholder="请输入提现金额" />
			</view>
			<view class="info">
				<view class="item1">
					现金收益：￥829.23
				</view>
				<navigator url="./withdrawLog" hover-class="none" class="log-btn">提现记录</navigator>
			</view>
		</view>
		<view class="action-box" @click="">
			提现
		</view>
		<navigator url="./bankForm" class="bank-btn" hover-class="none">未绑定银行卡？</navigator>
	</view>
	
	
</view>
</template>

<script>
	import MallHeader from '@/components/mallHeader/mallHeader'
	export default {
		components:{
			MallHeader
		},
		data(){
			return {
				money: ''
			}
		},
		methods: {
			withdrawal() {
				if(!money) {
					return uni.showToast({
						title: '请输入大于0的提现金额',
						icon: 'none',
						duration: 1000
					})
				}
				// this.$api.request({
				// 	url:'/api/user.wallet/index'
				// }).then(res=>{
				// 	if (res.code===1){
				// 		let userInfo = res.data.userInfo;
				// 		this.userInfo = res.data.userInfo;
				// 		this.wallet.expend_money = userInfo.expend_money.split('.');
				// 		this.wallet.freeze_balance = userInfo.freeze_balance.split('.');
				// 	}
				// }).catch(err=>{
				// 	console.log(err)
				// })
			}
		},
		created(){
			
		},
		mounted(){
			
		}
	}
</script>

<style scoped lang="scss">
	.box{
		margin-top: 80rpx;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		box-shadow: 0px 0px 20rpx 0px rgba(0, 0, 0, 0.1);
		padding:20rpx 30rpx;
		.box-tips{
			font-size: 30rpx;
			color: #999999;
		}
		.box-input{
			display: flex;
			font-size: 40rpx;
			color: #121922;
			align-items: center;
			margin-top: 80rpx;
			.input{
				flex: 1 1 auto;
				width: 1%;
				height: 70rpx;
				line-height: 70rpx;
				font-size: 35rpx;
			}
		}
		.info{
			margin-top: 10rpx;
			border-top:1px solid #cdcdcd;
			padding-top:50rpx;
			display: flex;
			justify-content: space-between;
			padding-bottom: 20rpx;
			color: #999999;
			.log-btn{
				color: #57BE6A;
			}
		}
	}
	.action-box{
		background-color: #57BE6A;
		color: #FFFFFF;
		margin: 80rpx auto 0;
		@include  btnStyle(690,100);
		@include  flexCenter();
	}
	.bank-btn{
		margin-top: 60rpx;
		text-align: center;
		color: #999999;
		font-size: 30rpx;
	}
</style>
